<!DOCTYPE html>
<html lang="en">

<head>
  <meta charset="UTF-8">
  <meta http-equiv="X-UA-Compatible" content="IE=edge">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>购物车</title>
  <script src="https://cdn.bootcdn.net/ajax/libs/js-cookie/3.0.1/js.cookie.min.js"></script>
  <link rel="stylesheet" href="../css/carList.css">
  <script src="../js/api.js"></script>
  <script src="https://cdn.bootcdn.net/ajax/libs/axios/0.27.2/axios.min.js"></script>
  <link rel="stylesheet" href="../images/font_1mobknfds93/iconfont.css">
</head>

<body>
  <!-- 导航栏 -->
  <div class="headerBox">
    <div class="header">
      <div class="headerImg"></div>

      <div class="login-header" style="display: block;">
        <div class="login">注册</div>
        <span>|</span>
        <div class="reg">登录</div>
      </div>

      <div class="login-header" id="next" style="display: none;">
        <div class="login info">欢迎gjku</div>
        <span> | </span>
        <div class="reg out">注销</div>
      </div>
      <div class="search">
        <input type="text" class="placehoders-custom" placeholder="请输入您要搜索的商品或店铺">
        <span class="iconfont icon-sousuo"></span>
      </div>
    </div>
  </div>
  <nav>
    <div class="navBox">
      <!-- 106*46 -->
      <div class="navA">
        <a href="#" class="nav-active">首页</a>
        <a href="#">萌物库</a>
        <a href="#">品牌馆</a>
        <a href="#">同袍社区</a>
        <a href="#">购物车</a>
      </div>

      <a href="#" id="store"><span class="store-img"></span>店铺入住</a>
    </div>
  </nav>
  <!-- 购物车 -->
  <div class="mainBox">
    <div class="carbgBox">
      <div class="catbox">
        <table id="cartTable">
          <thead style="opacity: 0;" class="thead">
            <tr>
              <th >
                <label >
                  <input  onchange="allChecked(this)" class="check-all check" type="checkbox" />&nbsp;&nbsp;全选
                </label>
                </th>
              <th class="proname">商品名称</th>
              <th>单价</th>
              <th>数量</th>
              <th class="tolLit">小计</th>
              <th>操作</th>
            </tr>
          </thead>

          <tbody class="tbody">
            <!-- <tr>
              <td class="checkbox">
                <input class="check-one check" type="checkbox" />
              </td>
              <td class="goods">
                <img src="../../source/1.jpg" alt="" /><span>Casio/卡西欧 EX-TR350</span>
              </td>
              <td class="price">5999.88</td>
              <td class="count">
                <span class="reduce"></span>
                <input class="count-input" type="text" value="1" />
                <span class="add">+</span>
              </td>
              <td class="subtotal">5999.88</td>
              <td class="operation">
                <span class="delete">删除</span>
              </td>
            </tr> -->
            
          </tbody>
        </table>

       
        <div class="foot" id="foot" style="display: none;">
          <span class="fl delete" id="deleteAll">全部删除</span>
          <div class="footMath">
            <!-- <div class="fr closing">结 算</div>
            <input type="hidden" id="cartTotalPrice" />
            <div class="fr total">合计：￥<span id="priceTotal">0.00</span></div>
            <div class="fr selected" id="selected">已选商品<span id="selectedTotal"><p class="re">0</p></span>件</div> -->
          </div>
          
        </div>
        <div class="foot tishi" style="display: none;text-align: center;color: #555555;line-height: 50px;">
          <p>您还未添加商品，点击<a href="../index.html" style="color: rgb(250, 88, 118);"> 此 处 </a>可到首页添加商品!</p>
        </div>
      </div>
    </div>

  </div>
  <div class="toTop" style="display: none;">
    <span class="iconfont icon-ico-top"></span>
  </div>
  <div class="footerBox">
    <div class="footer">
      <div class="footerUl">
        <a href="#">关于我们</a>
        <li>|</li>
        <a href="#">商家入驻</a>

        <li>|</li>
        <a href="#">入驻协议</a>

        <li>|</li>
        <a href="#">新手指南</a>

        <li>|</li>
        <a href="#">商务合作</a>

        <li>|</li>
        <a href="#">汉服荟</a>
      </div>

      <div class="footerSpan">
        <img src="../images/ebs_icon.png" alt="">
        CopyRight ©2014 ~ 2022 深圳市汉服荟网络科技有限公司 版权所有 粤ICP备14046913号-1 电话：0755-21503399
      </div>
    </div>
  </div>
  <script src="../js/carList.js"></script>
</body>

</html>